<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>结构标签</title>
	<style type="text/css">
		footer{
			height: 50px;
			background: #abcdef;
			line-height: 50px;
			text-align: center;
			font-size: 24px;
			font-weight: bold;
			color: #696969;
		}
	</style>
</head>
<body>
	<header>
		<div>LOGO</div>
		<nav>
			<a href ="index.heml">首页</a>
			<a href ="#">介绍</a>
			<a href ="#">案例</a>
			<a href ="#">链接</a>
			<a href ="#">关于</a>
		</nav>
	</header>
	<section>
		<hgroup>
			<h1>秋天的风雨</h1>
			<h3>wen-edit</h3>
			<h4>我好想淋雨，好想让雨冲走那段回想。也许，雨会让我苏醒。雨点打在脸上的感觉，可以让人分不清是泪还
			是雨，于是，我可以说：男孩不哭！</h4>
		</hgroup>
		<aside>
			<a href="#se1">Section One</a>
			<a href="#se2">Section Two</a>
			<a href="#se3">Section Three</a>
		</aside>  
		<article>
			Section One
			<p>雨水微微的、轻柔的洒在大地上，冲刷掉世间地面上一切脏乱的灰尘，给人们带来干净的感觉，然而冰凉的
				雨水却不能冲刷掉我身上灰色的心境！也许，我们的相遇就像是一场梦，一个让我开心片刻却让我伤心良久的梦。
				我从嘈杂的街心走出来。那灯光的世界距我是那么的遥远。我走到那条林荫道中心，站在那里，前后只有雨声，人
				们不知藏到哪儿去了。这样真好！可以纵情地想你，深深地召唤你，撑着一把伞，一遍又一遍在念着你的名字，心
				中有一种柔软而又温馨的简直不敢呼吸的感觉。曾经有过的一幕一幕，一个又一个镜头好像早就磋商好，缓缓地从
			我雨中的面前走过，渐渐地走过……</p>
			Section Two
			<p>山水流长情仍旧，日月光转泪犹新！那一天，你离我而去，我那荒漠的心灵就再没人理睬。我并不空想过有
				一天你能回来，看到我创伤，而涌起惆怅，因为我不乐意你有涓滴的不快活。站在校园中那条林荫小道上，看着不
			远处依稀相拥的双影，心中一阵阵的酸痛。</p>
			Section Three
			<p>雨从天上落在伞上，从伞上湿进我渐冷的身子，我只是站着，不晓得站了多久，也不知道是不是累了。我再
				也无从抉择的用这样的一种眼神哀伤地凝望着你，这样的我，幸福的感到已变成一种肉痛！这雨，看不清是横的仍
				是斜的，我的伞，也不知道该遮向哪一个方向。一把伞，一个人，走在风雨中的感觉是那么的落寞！凝望着你远去
				的背影，我已经满意在你的快乐中，而后默默的回身，分开那个我能够观赏你而不被你所知的角落。固然是促的一
				瞥，已经足够我回味一终日了。
				雨慢慢停了，萧瑟的秋风吹过，吹散了满地的玫瑰，点点成泪。飘去远方，化作一片云。心丢掉，随萧然秋
				风去追却无处可寻！落地，成尘。谁，曾经以为祷告可以让天空繁星点点，真挚可以得到永恒的恋情；又是谁，曾
				经送捧着玫瑰祈盼拂晓的幸福，却于夕阳之中扬手让花瓣随风飘零！直到何时，仰头看蠢才可见彩虹，回首望风而
				不见砂尘；直到何时，真心一片可换花开四季？也许水长向东，物是人非；也许缘本擦肩，回想已逝！也许是我太
				过理想而忘却我非神灵；也许是我太过痴迷而忘记成事在天。我非神灵但我愿众神打动，成事在天但我信上天有
			知，找片净土种支玫瑰，画幅蓝图取代天空。我但愿四季随心，花开明丽；我但愿秋风如歌，真爱永恒！</p>
		</article>
	</section>
	<section>
		<figure>
			<figcaption>秋天的风雨</figcaption>
			<div class="video">...</div>
		</figure>
	</section>
	<section>
		<dialog>
			<dt>张三：还不错</dt>
			<dt>李四：好海拔</dt>
			<dt>张三：还不错</dt>
			<dt>李四：好海拔</dt>
			<dt>张三：还不错</dt>
			<dt>李四：好海拔</dt>
		</dialog>
		<dialog>
			<dt>张三：还不错</dt>
			<dt>李四：好海拔</dt>
			<dt>张三：还不错</dt>
			<dt>李四：好海拔</dt>
			<dt>张三：还不错</dt>
			<dt>李四：好海拔</dt>
		</dialog>
		<dialog>
			<dt>张三：还不错</dt>
			<dt>李四：好海拔</dt>
			<dt>张三：还不错</dt>
			<dt>李四：好海拔</dt>
			<dt>张三：还不错</dt>
			<dt>李四：好海拔</dt>
		</dialog>
	</section>
	<footer>
		Copyrighe...
	</footer>
	<!--
<article>  标记定义一篇文章
<header>   标记定义一个页面或一个区域的头部
<nav>      标记定义导航链接
<section>  标记定义一个区域
<aside>    标记定义页面内容部分的侧边栏
<hgroup>   标记定义文件中一个区块的相关信息
<figure>   标记定义一组媒体内容以及它们的标题
<footer>   标记定义一个页面或一个区域的底部
<dialog>   标记定义一个对话框（会话框）类似微信
 
	第一点补充：header/section/aside/article/footer  这几个标签最好不要进行嵌套<br>
	第二点补充：header/section/footer 之后里面嵌套 aside/article/figure/hgroup/nav  (如果里面再需要嵌套这些元素呢，可以先用div标签，再嵌套)
-->
</body>
</html>